<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>工程泛联客</title>
	<style>
		.tool_opcity1{
			opacity: 0.3;
			filter:alpha(opacity=30);
			-moz-opacity:0.3;
		}
		.tool_opcity2{
			opacity: 0.8;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
		}
		body{
			font-family: 微软雅黑 !important;
			overflow-x: hidden;
		}

		.data_layout {
			display: none;
			width: 100%;
			height: 100%;
			z-index: 1001;
			text-align:center;
			background:#fff;
			position:absolute;
			top:0;
			left:0;
			opacity:0.6;
			filter:alpha(opacity=60);
		}

		.data_layout img{
			margin-top: 25%;
		}
	</style>

	<script type="text/javascript">
		//<![CDATA[
		//
		//]]>
	</script>
	<link rel="stylesheet" type="text/css" href="../resource/com/css/newframe/bootstrap.min.css">
	<%--<link rel="stylesheet" type="text/css" href="../resource/com/css/form.css">--%>
	<%--<script src="../js/demo-rtl.js"></script>--%>


	<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../resource/com/css/newframe/nanoscroller.css">
	<link rel="stylesheet" type="text/css" href="../resource/com/css/newframe/form.css">
	<link rel="stylesheet" type="text/css" href="../resource/jquery/Jcrop/jquery.Jcrop.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/demo.css?v=20150511">
	<link href="../resource/com/umeditor/themes/default/css/umeditor.min.css" type="text/css" rel="stylesheet">
	<link href="../resource/list.css" type="text/css" rel="stylesheet">
	<link href="../resource/jshow/css/bootstrap-modal-bs3patch.css" type="text/css" rel="stylesheet">
	<link href="../resource/jshow/css/bootstrap-modal.css" type="text/css" rel="stylesheet">
	<link href="../resource/multiselect/css/bootstrap-multiselect.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" href="../resource/com/js/plugin/ztree/css/zTreeStyle/metro.css">
	<link rel="stylesheet" href="../resource/activiti/ipicture/iPicture.css">
	<link rel="stylesheet" href="../resource/activiti/activitiSmart.css">
	<link rel="stylesheet" href="../resource/activiti/orgChart/css/jquery.jOrgChart.css">

	<link rel="stylesheet" type="text/css" href="../resource/com/css/newframe/select2.css">
	<link rel="stylesheet" type="text/css" href="../resource/com/css/newframe/theme_styles.css">

	<link rel="stylesheet" href="../resource/com/css/newframe/daterangepicker.css" type="text/css">
	<link rel="stylesheet" href="../resource/com/css/newframe/jquery-jvectormap-1.2.2.css" type="text/css">
	<link rel="stylesheet" href="../resource/com/css/newframe/weather-icons.css" type="text/css">
	<!-- jqGrid CSS -->
	<%--<link rel="stylesheet" type="text/css" media="screen" href="../resource/css/jqgrid-ui.css">--%>
	<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/jqgrid-ui.css">

	<!-- calendar CSS -->
	<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/newframe/fullcalendar.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/newframe/calendar.css">
	<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/newframe/fullcalendar.print.css">

	<!-- datetimepicker -->
	<link href="../resource/activiti/datetimepicker/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet">
	<link type="image/x-icon" href="favicon.png" rel="shortcut icon">

	<!-- uploadify CSS -->
	<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/js/plugin/uploadify/uploadify.css">


	<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/css/jquery.atwho.min.css">
	<%--<link href='/fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>--%>
	<!--[if lt IE 9]>
	<script src="../resource/newframejs/html5shiv.js"></script>
	<script src="../resource/newframejs/respond.min.js"></script>
	<![endif]-->

</head>
<body style="overflow-y: auto !important;">
<div id="data_loading" class="data_layout"><img src="../resource/com/img/loadingDQF.gif" /></div>
<div id="theme-wrapper">
	<header class="navbar index_header" id="header-navbar">
		<div class="container">
			<div id="logo" class="navbar-brand">
				<img src="../resource/com/img/logo-cst-white.png" alt="工程泛联客" class="normal-logo logo-white" style="width:160px;height: 35px;">
				<img src="../resource/com/img/logo-black.png" alt="" class="normal-logo logo-black">
				<img src="../resource/com/img/logo-small.png" alt="" class="small-logo hidden-xs hidden-sm hidden">
			</div>
			<div class="clearfix">
				<button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button">
					<span class="sr-only">Toggle navigation</span>
					<span class="fa fa-bars"></span>
				</button>
				<div class="nav-no-collapse navbar-left pull-left hidden-sm hidden-xs">
					<ul class="nav navbar-nav pull-left">
						<li class="dropdown hidden-xs">
							<a class="btn dropdown-toggle" data-toggle="dropdown">

								<i class="<c:if test="_t == null || _t == 'web'">fa fa-tag</c:if><c:if test="_t=='system'">fa fa-university</c:if>"></i>
							</a>
							<ul class="dropdown-menu">
								<li class="item">
									<a href="index.action?_t=web">
										<i class="fa fa-tag"></i>
										数据管理
									</a>
								</li>
								<shiro:hasAnyRoles name="company">
									<li class="item">
										<a href="index.action?_t=system">
											<i class="fa fa-university"></i>
											组织结构
										</a>
									</li>
								</shiro:hasAnyRoles>
							</ul>
						</li>
					</ul>
				</div>
				<div class="nav-no-collapse pull-right" id="header-nav">
					<ul class="nav navbar-nav pull-right">
						<%--<li class="mobile-search">--%>
						<%--<a class="btn">--%>
						<%--<i class="fa fa-search"></i>--%>
						<%--</a>--%>


						<%--<div class="drowdown-search">--%>
						<%--<form role="search">--%>
						<%--<div class="form-group">--%>
						<%--<input type="text" class="form-control" placeholder="Search...">--%>
						<%--<i class="fa fa-search nav-search-icon"></i>--%>
						<%--</div>--%>
						<%--</form>--%>
						<%--</div>--%>
						<%--</li>--%>
						<li>
							<shiro:hasRole name="admin">
								<a href="../main/index.action" target="_blank" title="监控平台" class="btn">
									<i class="fa fa-signal"></i>
								</a>
							</shiro:hasRole>
						</li>
						<li>
							<a class="btn" id="make-small-nav" title="隐藏菜单">
								<i class="fa fa-bars"></i>
							</a>
						</li>
						<li class="hidden-xxs">
							<a class="btn" href="index!logout.action" title="登出">
								<i class="fa fa-power-off"></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</header>

	<div id="page-wrapper" class="container">
		<div class="row" style="overflow-x: hidden;">
			<div id="nav-col">
				<section id="col-left" class="col-left-nano">
					<div id="col-left-inner" class="col-left-nano-content">
						<div id="user-left-box" class="clearfix hidden-sm hidden-xs dropdown profile2-dropdown" style="border-bottom: 1px solid #dee4e8;">
							<c:choose>
								<c:when test="${user.id == null}">
									<img id="btn-img" src="" alt="" class="online" />
								</c:when>
								<c:otherwise>
									<img id="btn-img" height="70" width="70" alt="" src="<%=path%>/com/file?keyId=${user.id}" alt="" class="online" />
								</c:otherwise>
							</c:choose>

							<div class="user-box">
                        <span class="name">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
							${user.name}
							<i class="fa fa-angle-down"></i>
						</a>
                        <ul class="dropdown-menu">
							<li><a href="#ajax-users!profile.action?keyId=${user.id}">
								<i class="fa fa-user"></i>个人信息</a></li>
							<%--<li><a href="#"><i class="fa fa-cog"></i>设置</a></li>--%>
							<%--<li><a href="#"><i class="fa fa-envelope-o"></i>消息</a></li>--%>
							<li><a href="index!logout.action"><i class="fa fa-power-off"></i>注销</a></li>
						</ul>
                        </span>
                          <span class="status">
                            <i class="fa fa-circle"></i> 在线
                          </span>
							</div>
						</div>
						<div class="collapse navbar-collapse navbar-ex1-collapse" id="sidebar-nav">
							<nav>
								<ul id="treeMenu" class="nav nav-pills nav-stacked">
									<c:if test="${_t == null || _t == 'web'}">
										<li>
											<a href="ajax-index!page.action">
												<i class="fa fa-bar-chart"></i>
												<span>主页</span>
											</a>
										</li>
										<li>
											<a href="ajax!client.action">
												<i class="fa fa-database"></i>
												<span>业务数据</span>
											</a>
										</li>
										<li>
											<a href="#" class="dropdown-toggle">
												<i class="fa fa-map"></i>
												<span>地图数据</span>
													<%--<i class="fa fa-angle-right drop-icon"></i>--%>
											</a>
											<ul class="submenu">
												<li>
													<a href="ajax-project!map.action">
														<span class="sub-menu-buobao">●</span>
														项目位置
													</a>
												</li>
												<li>
													<a href="ajax-pro-signin!map.action">
														<span class="sub-menu-buobao">●</span>
														签到情况
													</a>
												</li>
											</ul>
										</li>
										<li>

										<li>
											<a href="ajax-pro-back!warn.action">
												<i class="fa fa-exclamation-triangle"></i>
												<span>项目预警</span>
											</a>
										</li>
										<li>
											<a href="ajax!calendar.action">
												<i class="fa fa-calendar"></i>
												<span>日历数据</span>
											</a>
										</li>
										<li>
											<a href="ajax!announce.action">
												<i class="fa fa-commenting"></i>
												<span>公告信息</span>
											</a>
										</li>
										<li>
											<a href="ajax!knowledge.action">
												<i class="fa fa-balance-scale"></i>
												<span>知识共享</span>
											</a>
										</li>
									</c:if>
									<c:if test="_t=='system'">
										<li>
											<a href="ajax!company.action" title="企业设置">
												<i class="fa fa-lg fa-fw fa-home"></i>
												<span>企业设置</span>
											</a>
										</li>

										<li>
											<a href="ajax!users.action" title="人员设置" class="dropdown-toggle">
												<i class="fa fa-lg fa-fw fa-map-marker"></i>
												<span>人员设置</span>
											</a>
											<ul class="submenu">
												<li>
													<a href="ajax!users.action">
														<span class="sub-menu-buobao">●</span>
														成员管理
													</a>
												</li>
												<li>
													<a href="ajax!department.action">
														<span class="sub-menu-buobao">●</span>
														组织管理
													</a>
												</li>
											</ul>
										</li>
										<li>
											<a href="ajax!dict.action" title="数据维护" class="dropdown-toggle">
												<i class="fa fa-lg fa-fw fa-cog"></i>
												<span class="menu-item-parent">数据维护</span>
											</a>
											<ul class="submenu">
												<li>
													<a href="ajax!dict.action">
														<span class="sub-menu-buobao">●</span>
														数据字典
													</a>
												</li>
												<li>
													<a href="ajax!importFile.action">
														<span class="sub-menu-buobao">●</span>
														数据导入
													</a>
												</li>

											</ul>
										</li>
									</c:if>
								</ul>
							</nav>
						</div>
					</div>
				</section>
				<div id="nav-col-submenu"></div>
			</div>
			<div id="content-wrapper" style="min-height: 909px;background-color: #f3f5f6;">
				<div class="row">
					<div class="col-lg-12">
						<div id="ribbon" class="clearfix" style="border-bottom: 1px solid #dee4e8;margin-left: -10px;margin-right: -10px;">
							<span class="ribbon-button-alignment"> <span id="refresh" class="btn btn-ribbon" data-title="refresh"  rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> 提示! 刷新会重新设置您的排版。" data-html="true"><i class="fa fa-refresh"></i></span> </span>
							<ol class="breadcrumb" style="display: inline-block">

							</ol>
						</div>
						<div class="row" id="content">

						</div>
					</div>
				</div>
			</div>
			<div id="config-tool" class="closed" style="top:50px">
				<a id="config-tool-cog" class="tool_opcity1">
					<i class="fa fa-cog"></i>
				</a>

				<div id="config-tool-options" class="tool_opcity2">
					<h4>布局</h4>
					<ul>
						<li>
							<div class="checkbox-nice">
								<input type="checkbox" id="config-fixed-header">
								<label for="config-fixed-header">
									固定抬头
								</label>
							</div>
						</li>
						<li>
							<div class="checkbox-nice">
								<input type="checkbox" id="config-fixed-sidebar">
								<label for="config-fixed-sidebar">
									固定左侧菜单
								</label>
							</div>
						</li>
					</ul>
					<br>
					<h4>主题</h4>
					<ul id="skin-colors" class="clearfix">
						<li>
							<a class="skin-changer" data-skin="" data-toggle="tooltip" title="" style="background-color: #34495e;" data-original-title="Default">
							</a>
						</li>
						<li>
							<a class="skin-changer" data-skin="theme-white" data-toggle="tooltip" title="" style="background-color: #2ecc71;" data-original-title="White/Green">
							</a>
						</li>
						<li>
							<a class="skin-changer blue-gradient" data-skin="theme-blue-gradient" data-toggle="tooltip" title="" data-original-title="Gradient">
							</a>
						</li>
						<li>
							<a class="skin-changer" data-skin="theme-turquoise" data-toggle="tooltip" title="" style="background-color: #1abc9c;" data-original-title="Green Sea">
							</a>
						</li>
						<li>
							<a class="skin-changer" data-skin="theme-amethyst" data-toggle="tooltip" title="" style="background-color: #9b59b6;" data-original-title="Amethyst">
							</a>
						</li>
						<li>
							<a class="skin-changer" data-skin="theme-blue" data-toggle="tooltip" title="" style="background-color: #2980b9;" data-original-title="Blue">
							</a>
						</li>
						<li>
							<a class="skin-changer" data-skin="theme-red" data-toggle="tooltip" title="" style="background-color: #e74c3c;" data-original-title="Red">
							</a>
						</li>
						<li>
							<a class="skin-changer" data-skin="theme-whbl" data-toggle="tooltip" title="" style="background-color: #3498db;" data-original-title="White/Blue">
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
	//if (!window.jQuery) {
	document.write('<script src="../resource/com/js/libs/jquery-2.0.2.min.js"><\/script>');
	//}
</script>
<script>
	//if (!window.jQuery.ui) {
	document.write('<script src="../resource/com/js/libs/jquery-ui-1.10.3.min.js"><\/script>');
	//}
</script>

<script src="../resource/com/js/bootstrap/bootstrap.min.js"></script>
<script src="../resource/jshow/js/bootstrap-modalmanager.js"></script>
<script src="../resource/jshow/js/bootstrap-modal.js"></script>
<script src="../resource/jshow/js/jquery.ui.draggable.js"></script>
<script src="../resource/jshow/js/jshow.utils.js"></script>
<script src="../resource/jshow/js/modal.manager.plugin1.0.js"></script>


<script src="../resource/newframejs/demo-skin-changer.js"></script>

<%--<script src="../resource/newframejs/bootstrap.js"></script>--%>
<script src="../resource/newframejs/jquery.nanoscroller.min.js"></script>
<script src="../resource/newframejs/demo.js"></script>


<script src="../resource/newframejs/notification/SmartNotification.min.js"></script>
<script src="../resource/newframejs/plugin/flot/jquery.flot.cust.js"></script>
<script src="../resource/newframejs/plugin/flot/jquery.flot.tooltip.js"></script>
<%--<script src="../resource/newframejs/app.js"></script>--%>
<%--<script src="../resource/newframejs/scripts.js"></script>--%>


<script src="../resource/newframejs/moment.min.js"></script>
<script src="../resource/newframejs/jquery-jvectormap-1.2.2.min.js"></script>
<script src="../resource/newframejs/jquery-jvectormap-world-merc-en.js"></script>
<script src="../resource/newframejs/gdp-data.js"></script>
<script src="../resource/newframejs/flot/jquery.flot.min.js"></script>
<script src="../resource/newframejs/flot/jquery.flot.resize.min.js"></script>
<script src="../resource/newframejs/flot/jquery.flot.time.min.js"></script>
<script src="../resource/newframejs/flot/jquery.flot.threshold.js"></script>
<script src="../resource/newframejs/flot/jquery.flot.axislabels.js"></script>
<script src="../resource/newframejs/jquery.sparkline.min.js"></script>
<script src="../resource/newframejs/skycons.js"></script>

<script src="../resource/newframejs/jqMultiSelect.js"></script>
<%--<script src="../resource/newframejs/pace.min.js"></script>--%>

<!-- JQUERY VALIDATE -->
<script src="../resource/com/js/plugin/jquery-validate/jquery.validate.min.js"></script>

<!-- 下拉列表框-->
<script src="../resource/newframejs/select2.min.js"></script>

<!-- umeditor -->
<script type="text/javascript" src="../resource/com/umeditor/umeditor.js"></script>
<script type="text/javascript" src="../resource/com/umeditor/umeditor.config.js"></script>
<script type="text/javascript" src="../resource/com/js/plugin/uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript" src="../resource/com/common.js"></script>

<!--文件上传插件 -->
<script src="../resource/activiti/upload.js"></script>
<!--文件上传插件 -->
<script src="../resource/activiti/ipicture/jquery.ipicture.js"></script>

<!-- datetimepicker -->
<script src="../resource/activiti/datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script src="../resource/activiti/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<!-- timeLinr -->
<script src="../resource/activiti/timeLinr/js/jquery.mousewheel.js"></script>
<script src="../resource/activiti/timeLinr/js/jquery.timelinr.js"></script>

<!-- jqgrid -->
<script type="text/javascript" src="../resource/newframejs/plugin/jqgrid/i18n/grid.locale-cn.js"></script>
<script type="text/javascript" src="../resource/newframejs/plugin/jqgrid/jquery.jqGrid.min.js"></script>

<!-- ztree -->
<script type="text/javascript" src="../resource/newframejs/plugin/ztree/js/jquery.ztree.all-3.5.min.js"></script>
<!-- echarts -->
<%--<script type="text/javascript" src="../resource/newframejs/plugin/echarts/echarts-plain.js"></script>--%>

<!-- multiselect-->
<script src="../resource/multiselect/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="../resource/newframejs/moment.min.js"></script>
<script type="text/javascript" src="../resource/newframejs/fullcalendar.min.js"></script>
<script type="text/javascript" src="../resource/newframejs/lang-all.js"></script>
<!--金额格式化插件-->
<script src="../resource/activiti/accounting.min.js"></script>
<!--组织结构-->
<script src="../resource/activiti/orgChart/jquery.jOrgChart.js"></script>
<!--tree select -->
<script src="../resource/activiti/treeSelect.js"></script>
<%--activiti定制通用dialog弹出对话框--%>
<script src="../resource/activiti/dialog/oDialog.js"></script>
<script type="text/javascript" src="../resource/activiti/leftview/leftview.js"></script>

<script type="text/javascript" src="../resource/com/js/plugin/at/jquery.caret.js"></script>
<script type="text/javascript" src="../resource/com/js/plugin/at/jquery.atwho.min.js"></script>

<%--tz_dialog插件--%>
<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/js/plugin/tz_dialog/css/tz.css">
<link rel="stylesheet" type="text/css" media="screen" href="../resource/com/js/plugin/tz_dialog/css/tz_dialog_v2.0.css">
<script type="text/javascript" src="../resource/com/js/plugin/tz_dialog/js/tz_dialog_v2.0.js"></script>
<!-- echarts 插件 -->
<script type="text/javascript" src="../resource/echart/echarts.js"></script>

<script>
	$(function(){
		$('#make-small-nav').bind('click',function(){
			$('#page-wrapper').toggleClass('nav-small');
		});
		$("body").css("min-height",$(window).height()-50);
//		$("#theme-wrapper").height($(window).height()-10);
//		$("#theme-wrapper").css("overflow-y","scroll");
	});
</script>

<script>
	var _hmt = _hmt || [];
	var umIndex = 0;
	$(function() {
		var hm = document.createElement("script");
		hm.src = "//hm.baidu.com/hm.js?036b704c8a212107220e412a13d760a2";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	});
</script>
<script>
	$("#treeMenu li a:first").click(function(){
	     loadURL($("#treeMenu li a:first").attr("href"),$("#content"));
		//window.location.hash="#"+$(this).attr("href");
	});

//	$(function(){
//		loadURL($("#treeMenu li a:first").attr("href"),$("#content"));
//		setTimeout(function(){
//		    $('body').addClass('fixed-header')
//		},700);
//	});
</script>
<script type="text/javascript" src="http://api.map.baidu.com/api?ak=wSznDI1OGu0S1kvVU9GQLlZL&v=2.0"></script>
</body>
</html>
